@charset "UTF-8";
/* CSS Document. */ 
@import url('style-2.css');
 
 
/* ========================== BODY ====================== */
body {
    font: normal 10pt Arial, Helvetica, sans-serif; 
    color: #000; 
    /* Runs the background image. */
    background: url(ti.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}  

/* Link colors. */
a ,#profile-badge-catalog a,#profile-form-submit a, #quest-list li a, .content-box-contents a  {
    color: #000;
}
 
/* Secondary headers. */
 #profile-badges-content h5, #profile-history-content h5, th ,thead#profile-form-table td.profile-section-header , table#profile-form-table{
    background-color: #FFF; 
}

/* ========================== HEADER BAR ====================== */
/* Transparent header gradient. */
#header { 
    background-image: -moz-linear-gradient(100% 30% 90deg, rgba(239, 214, 120,.67), rgba(255, 255, 255,.67)); 
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.67)), to(rgba(239, 214, 120,.67))); 
 }
 
 /* Initial text color for nav links. */
#header-nav-links { 
    color: #000; 
}

/* Selected nav bar text color. */
#header-nav-links a:hover h4,.selected-news #header-nav-links a.news h4,.selected-energy #header-nav-links a.energy h4,.selected-prizes #header-nav-links a.prizes h4 , .selected-help #header-nav-links a.help h4, .selected-activities #header-nav-links a.activities h4, .selected-profile #header-nav-links a.profile h4{
    color: #666;
}

/* Infobar text color (red). */ 
#header-floor-points h3, #header-floor-rank h3, #header-floor-energy h3 {
    color: #FF0000;
    font: bold 18pt Arial,Helvetica,sans-serif;
}

/* White opaque div + grey boarder (Header bars). */
#header-nav-links, #header-round-info, #header-info {
    background: rgba(255, 255, 255,.5);
    border: 3px solid #333; 
}
 
/* Quest bar. */
#header #quest-box {
    background-image: -moz-linear-gradient(100% 40% 90deg, #EFB820, #FFFFFF);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#FFFFFF), to(#EFB820));
    color: #000; 
    border: 3px solid #333;  
} 

/* Quest bar title. */
#quest-title{
    font: bold 20pt Trebuchet MS; 
    font-weight:1200;
}
 

/* ========================== Box Colors ====================== */
/* Generic box. */
.content-box {
    background-color: #EBE7BC;  
} 

/* Title bar on widgets. */
.content-box-title { 
    background-image: -moz-linear-gradient(100% 50% 90deg, #EFB820, #FFF);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#FFF), to(#EFB820)); 
}

/* Floating border used in energy page. */
.content-box-shadow{  
    border: 3px solid #AAA; 
 }
 
/* Alt row color in lists. */
.alt-row { 
    background: #EBDB78;
}
   

/* ========================== ACTIVITY PAGE ====================== */
/* SmartGridGame coloring. */
#activity-category .get-started div, #activity-category .basic-energy div, #activity-category .lights-out div, #activity-category .make-watts div, #activity-category .moving-on div, #activity-category .opala div, #activity-category .wet-wild div, #activity-category .potpourri div {
}

/* Activity color: green. */
.activity,.activity-legend {
    background-color: #35D400;
}

/* Commitment color: blue. */
.commitment,.commitment-legend {
    background-color: #0022D4;
}

/* Event color: orange. */
.event,.event-legend {
    background-color: #D44900;
}

/* "Special" color: yellow. */
.survey,.survey-legend {
    background-color: #EFEA00;
}
 
/* Excursion color: red. */
.excursion,.excursion-legend {
    background-color: #D4001A;
} 


/* ========================== LANDING PAGE ====================== */
/* Custom colors for the landing page. */
#landing-page, #landing-intro { 
    background-image: -moz-linear-gradient(100% 40% 90deg, #EFB820, #FFFFFF);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 50%, from(#FFFFFF), to(#EFB820));
}

 #landing-intro {
    background: rgba(239, 214, 120,.8);  
}

/* Container and container subclasses. */
#container{} 

/* For the custom about page div. */
.container-landing-about{
    background: rgba(239, 214, 120,.7);
}

/* ========================== Prize PAGE ====================== */
/* Prize widgets. */
#prizes-list-table-header, #prizes-list-table-awarded-header, #prizes-list-table-criteria-header,.prize a{
    background: none ; 
    color: #000000;
}